body{
    /* 要將body的外边距设为0 */
   margin: 0;
   /* 给body设置一个字体 */
   font-family: Arial, Helvetica, 'Microsoft Yahei',sans-serif;
   color: #7e8793;
   -webkit-font-smoothing: antialiased;
}

.home-header{
   /* 引用背景图片 */
   /* ../表示返回上一级目录 */
   background: url(../img/home-bg.png) no-repeat;
   /* 设置背景大小 宽度为：100% auto 高度为:auto*/
   background-size: 100% auto ;
   /* 文本对齐方式为居中 */
   text-align:center;
   padding-bottom: 2rem;
}

/* 要给home-header中的图片img来设定一个样式 */
/* >子元素选择器 */
.home-header > img {
     width: 65%;
     margin: 2.3rem;
}

/* 后代选择器 */
.home-header form {
   background: white;
   width: 90%;
   /* 要将form居中显示 */
   margin: 0 auto;
   /* 设置行高垂直居中 */
   line-height: 2.2rem;
   /* 设置圆角 */
   border-radius: 2.2rem;
}

.home-header form input {
   width: 75%;
   border: none;
   /* 取消输入框的外边线 */
   outline: none;
   color:#aeaeae;
   font-size: 0.85rem;
}

.home-header form  button {
   font-size: 0.9rem;
   color: #5dd5c8;
   /* font-weight:lighter */
   /* 取消边框 */
   border: none;
   background: none;
   font-weight: lighter;
}

/* 分类样式 */
.home-categories {
   padding: 0 1rem;
}

.home-categories dt {
   /* 设置布局的方式为弹性盒子flex */
   display: flex;
   /* 纵向的对齐方式为居中显示 */
   align-items: center;
   color: #333;
}

.home-categories dt img { 
   height: 3rem;
   margin: 1rem;
}

.home-categories dd {
   margin: -0.3rem;
}

.home-categories dd .tag {
   background: #f5f8f9;
   color:#7e8793;
   padding: 0.5rem 1rem;
   /* 将显示方式设定为内联块inline-block */
   display: inline-block;
   border-radius: 2rem;
   font-size: 0.8rem;
   /* 将下划线取消 */
   text-decoration: none;
   margin: 0.2rem 0.3rem;
}

.home-footer {
   width: 70%;
   margin: 0 auto;
   font-size: 0.75rem;
}

.home-footer p {
   margin: 0.2rem 0;
}